<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
  <head>
    <title>Designo Design</title>
    <meta http-equiv="content-language" content="pt-br" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Designo Design" />
    <meta name="keywords" content="designo,design, designo design" />
    <meta name="robots" content="index, follow" />
    <meta name="revisit-after" content="1 day" />
    <meta name="author" content="Rangel Torrezan" />
    <meta name="copyright" content="Copyright (c) 2012" />

    <link rel="icon" href="img/favicon.jpg" type="image/x-icon" />
    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.jpg')}" type="image/x-icon">
    <link href="${resource(dir:'css', file: 'style.css')}" rel="stylesheet" type="text/css" />

    <!-- Biblioteca jQuery -->
    <script src="${resource(dir:'js', file:'jquery-1.7.1.min.js')}" type="text/javascript"></script>

    <!-- Biblioteca Colorbox -->
    <link href="${resource(dir:'js/colorbox/example3', file: 'colorbox.css')}" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="${resource(dir: 'js/colorbox/colorbox', file: 'jquery.colorbox-min.js')}"></script>

    <!-- Scripts -->
    <script type="text/javascript" src="${resource(dir:'js', file: 'scripts.js')}"></script>
  <g:layoutHead/>
  <r:layoutResources />
</head>
<body>
  <div id="tudo">
    <div id="cabecalho" >
      <div id="cabecalho-container">
        <h1 class="logo">
          <g:link controller="principal" action="index"><img border="0" src="${resource(dir: 'images', file: 'topo.png')}" alt="Designo Design" title="Designo Design" /></g:link>
        </h1>
        <ul class="menu">
          <li>
            <a href="#" id="link-empresa">Sobre nós</a>
            <ul class="submenu" id="submenu-empresa">
              <li><g:remoteLink controller="principal" action="apresentacao" update="conteudo"><span>A Designo</span></g:remoteLink></li>
          <li><g:remoteLink controller="principal" action="equipe" update="conteudo"><span>Equipe</span></g:remoteLink></li>
          <li><g:remoteLink controller="principal" action="atuacao" update="conteudo"><span>Atuação</span></g:remoteLink></li>
          <li><g:remoteLink controller="principal" action="depoimentos" update="conteudo"><span>Depoimentos</span></g:remoteLink></li>
        </ul>
        </li>
        <li>
          <a href="#" id="link-portfolio">Portifólio</a>
          <ul class="submenu" id="submenu-portfolio">
            <li><g:remoteLink controller="principal" action="portifolio" update="conteudo" id="1"><span>Produto</span></g:remoteLink></li>
        <li><g:remoteLink controller="principal" action="portifolio" update="conteudo" id="2"><span>Gráfico</span></g:remoteLink></li>
        <li><g:remoteLink controller="principal" action="portifolio" update="conteudo" id="3"><span>Embalagem</span></g:remoteLink></li>
        <li><g:remoteLink controller="principal" action="portifolio" update="conteudo" id="4"><span>Superficie</span></g:remoteLink></li>
        <li><g:remoteLink controller="principal" action="portifolio" update="conteudo" id="5"><span>Cases</span></g:remoteLink></li>
        </ul>
        </li>
        <li>
          <a href="#" id="link-conceito">Conceito Designo</a>
          <ul class="submenu" id="submenu-conceito">

          </ul>
        </li>
        <li>
          <a href="#" id="link-contato">Contato</a>
          <ul class="submenu" id="submenu-contato">
            <li><g:remoteLink controller="principal" action="faleConosco" update="conteudo"><span>Fale Conosco</span></g:remoteLink></li>
        <li><g:remoteLink controller="principal" action="carreira" update="conteudo"><span>Carreira</span></g:remoteLink></li>
        </ul>
        </li>
        </ul>
        <ul class="rede">
          <li>
            <a href="http://vimeo.com/39766402" target="_blank">
            <img src="${resource(dir:'images', file:'vimeo1.png')}"/></li>  
          </a>
          <li>
            <a href="http://www.flickr.com/photos/76867660@N06" target="_blank"/>
            <img src="${resource(dir:'images', file:'vimeo2.png')}"/></li>  
          </a>
          <li>
            <a href="http://www.youtube.com/?gl=BR&hl=pt" target="_blank">
              <img src="${resource(dir:'images', file:'vimeo3.png')}"/>
            </a>
          </li>
          <li>
            <a href="http://twitter.com/designo_design" target="_blank">
            <img src="${resource(dir:'images', file:'twitter.png')}"/></li>
            </a>
          <li>
            <a href="https://www.facebook.com/pages/Designo-Design/249108415110667" target="_blank">
            <img src="${resource(dir:'images', file:'facebook.png')}"/></li>
            </a>
        </ul>
      </div>
    </div><!--/ cabecalho -->
    <div id="corpo">
      <g:layoutBody/>
    </div><!--/ corpo -->
  </div><!--/ tudo -->
<g:javascript library="application"/>
<r:layoutResources />
</body>
</html>